<template>
    <card class="task-con">
        <p slot="title">流转工单</p>
        <span slot="extra" @click.prevent="remove">
            <Icon type="close-round" color="#495060"></Icon>
        </span>
        <flowForm :data="data" :func="{'remove':remove,'getTaskLogList':getTaskLogList}"></flowForm>
    </card>
</template>
<style scoped>
    .task-con {
        width: 800px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -400px;
        margin-top: -230px;
        z-index: 200;
        text-align: left;
        box-shadow: 0 0 10px 1px;
        font-size: 12px;
    }
    
    .ivu-card:hover {
        box-shadow: 0 0 10px 1px;
    }
    
    .line {
        width: 100%;
        height: 1px;
        border-top: solid 1px #eaeaea;
        margin: 10px 0 10px 0;
    }
</style>
<script>
    import flowForm from './flowForm.vue'
    export default {
        name: 'flowTask',
        props: {
            data: Object,
            remove: Function,
            getTaskLogList: Function
        },
        components: {
            flowForm
        },
        methods: {

        }
    }
</script>